JavaScript的输出语句 |
您所在的位置:网站首页 › js 输出语句 › JavaScript的输出语句 |
为了方便调试和展示程序的运行结果,JavaScript提供了多种输出语句,可以将数据显示在不同的地方。本文将介绍JavaScript的五种常用输出语句,并给出相应的示例代码。 使用 alert() 函数弹出提示框alert()函数是浏览器提供的一个全局函数,可以接受一个字符串参数,并将其显示在一个弹出的提示框中。这种输出方式适合用于向用户发送一些重要的信息或警告,但是会阻塞程序的执行,直到用户点击确定按钮。 alert("Hello, world!"); // 弹出提示框 使用document.write()方法将内容写入到HTML文档中document.write()方法是document对象的一个方法,可以接受一个字符串参数,并将其作为HTML代码插入到当前文档的流中。这种输出方式适合用于在页面加载时动态生成一些HTML内容,但是如果在页面加载完成后使用,会覆盖整个文档。 document.write("JavaScript输出语句"); // 写入HTML标题 document.write("这是一段文本"); // 写入HTML段落 使用innerHTML属性将内容写入到HTML元素中innerHTML属性是HTML元素的一个属性,可以获取或设置元素的内部HTML代码。这种输出方式适合用于修改已有的HTML元素的内容,而不影响其他元素。 原标题 原内容 document.getElementById("title").innerHTML = "新标题"; // 修改标题元素的内容 document.getElementById("content").innerHTML = "新内容"; // 修改段落元素的内容 使用console.log()方法在浏览器的控制台输出内容console.log()方法是console对象的一个方法,可以接受任意类型和数量的参数,并将其以字符串形式输出到浏览器的控制台中。这种输出方式适合用于调试程序,查看变量的值,捕捉错误等,但是对用户不可见。 var a = 10; var b = 20; var c = a + b; console.log(c); // 在控制台输出30 使用prompt()函数弹出一个输入框,并返回用户输入的内容prompt()函数是浏览器提供的一个全局函数,可以接受两个字符串参数,分别表示提示信息和默认值,并弹出一个输入框,让用户输入一些内容。这种输出方式适合用于获取用户的一些简单输入,但是也会阻塞程序的执行,直到用户点击确定或取消按钮。如果用户点击确定按钮,函数会返回用户输入的内容;如果用户点击取消按钮或关闭输入框,函数会返回null。 var name = prompt("请输入你的姓名", "张三"); // 弹出输入框 if (name) { alert("你好," + name); // 如果用户输入了姓名,弹出欢迎信息 } else { alert("你没有输入姓名"); // 如果用户没有输入姓名,弹出提示信息 }原文 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |